<template>
    <div>
        <el-input>新增课程</el-input>
        <el-drawer
                custom-class="learn-drawer"
                title="最新推送"
                :visible.sync="drawer"
                direction="btt"
                size="100%"
                :modal="false"
                :before-close="handleClose">
            <el-container style="min-height: 100%">
                <el-header>
                    <el-steps :active="step" simple>
                        <el-step title="1 填写信息"></el-step>
                        <el-step title="2 推送业务"></el-step>
                        <el-step title="3 推送对象"></el-step>
                    </el-steps>
                </el-header>
                <!--        内容-->
                <el-row>
                    <el-form label-position="top">
                        <div class="comm-push">
                            <el-form-item label="推送名称" style="width: 70%">
                                <el-input></el-input>
                            </el-form-item>
                            <el-form-item label="归属部门" style="width: 20%;margin-left: 20px">
                                <el-input></el-input>
                            </el-form-item>
                        </div>
                        <div class="comm-picker">
                            <el-form-item label="推送时间">
                                <el-date-picker
                                        type="datetime"
                                        placeholder="选择日期时间">
                                </el-date-picker>
                            </el-form-item>
                            <el-form-item label="任务完成时间">
                                <el-date-picker
                                        type="datetime"
                                        placeholder="选择日期时间">
                                </el-date-picker>
                            </el-form-item>
                            <el-form-item label="推送次数">
                                <el-input placeholder="推送次数"></el-input>
                            </el-form-item>
                            <el-form-item label="时间间隔(天)">
                                <el-input></el-input>
                            </el-form-item>
                        </div>
                        <div class="comm-miaos">
                            <el-form-item label="描述">
                                <el-input type="textarea"></el-input>
                            </el-form-item>
                        </div>
                    </el-form>
                </el-row>
                <!--        第二步-->
                <el-row v-if="this.type == 2">
                    <!--          <el-table :data="gridData">-->
                    <!--            <el-table-column property="date" label="日期" width="150"></el-table-column>-->
                    <!--            <el-table-column property="name" label="姓名" width="200"></el-table-column>-->
                    <!--            <el-table-column property="address" label="地址"></el-table-column>-->
                    <!--          </el-table>-->
                </el-row>
                <el-footer class="footer">
                    <el-button  @click="drawerClose">关闭</el-button>
                    <el-button >上一步
                    </el-button>
                    <el-button >下一步
                    </el-button>
                    <el-button >保存</el-button>
                </el-footer>
            </el-container>
        </el-drawer>
    </div>
</template>

<script>
  export default {
    name: 'tuisong'
  }
</script>

<style scoped>

</style>
